<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/css_en/Topnav.css">
    <link rel="stylesheet" href="css/css_en/Mysinger.css">
    <link rel="stylesheet" href="css/css_en/Songsheet.css">
    <link rel="stylesheet" href="css/my-music.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/conmom.css">
    <style>
        .MyMusic_en {
            width: 980px;
            height: 100%;
            display: flex;
            margin: auto;
        }

        .music-left {
            position: fixed;
            width: 240px;
            height: 1012px;
            border-left: 1px solid #000;
        }

        .music-left ul {
            margin-left: -25px;
            padding: 40px;
        }

        .music-left li {
            width: 100%;
            display: flex;
            cursor: pointer;
            padding: 6px;
        }

        .item:hover {
            background-color: rgba(204, 204, 204);
        }

        .music-left a {
            font-size: 16px;
            font-weight: bold;
            color: black;
            text-decoration: none;
        }

        .sum {
            color: rgba(0, 0, 0, 0.5);
            font-size: 10px;
        }





        #music-right {
            width: 740px;
            height: 1750px;
            margin-left: 240px;
            border-left: 1px solid #000;
            border-right: 1px solid #000;
        }

        .page {
            display: none;
        }



        .backToTop {
            width: 44px;
            height: 44px;
            text-align: center;
            display: none;
            position: fixed;
            bottom: 200px;
            right: 400px;
            background-color: rgba(204, 204, 204, 0.1);
            color: #000;
            border: 1px solid #ccc;
            border-radius: 4px;
            padding: 10px;
            cursor: pointer;
        }
    </style>
</head>

<body>
    <!-- 第一排  -->
    <div class="topnav">
        <!-- 版心 -->
        <div class="container">
            <!-- 搜索栏 -->
            <div class="topnav-searchbox clearfix">
                <!-- 左 -->
                <img src="picture/logo.png" alt="" class="topnav-logo">
                <span class="topnav-wyy"><a href="#">网易云音乐</a></span>
                <div class="topnav-nav">
                    <div>
                        <a href="index.html">发现音乐</a>
                        <div class="topnav-nav-xsj"></div>
                    </div>
                    <div class="qq"><a href="">我的音乐</a></div>
                    <div><a href="friend.html">关注</a></div>
                    <div><a href="shopping.html">商城</a></div>
                    <div><a href="#">音乐人</a></div>
                    <div class="topnav-nav-last">
                        <a href="client.html">下载客户端</a>
                        <div class="topnav-nav-hot">HOT</div>
                    </div>
                </div>

                <!-- 右 -->
                <p><a href="#">登录</a></p>
                <a href="#">
                    <div class="topnav-nav-right">创作者中心</div>
                </a>
                <div class="topnav-nav-input">
                    <i class="iconfont">&#xe6e7</i>
                    <input type="text" placeholder="音乐/视频/电台/用户">
                </div>
            </div>
        </div>
    </div>

    <div class="MyMusic_en">
        <div class="music-left">
            <nav>
                <ul style="list-style-type: none;">
                    <li class="item" id="page1"><a href="#">我的歌手</a></li>
                    <li class="item" id="createPlaylist"><a href="#">创建的歌单</a></li>
                    <li class="item" id="page2"><img src="images/images_en/My favorite music.jpg" width="40px"
                            height="40px">
                        <div style="margin-left: 4px;">我喜欢的音乐<h2 class="sum">36首</h2>
                        </div>
                    </li>
                    <li class="item" id="page3"><img src="images/images_en/Love songs.jpg" width="40px" height="40px">
                        <div style="margin-left: 4px;">情歌<h2 class="sum">28首</h2>
                        </div>
                    </li>
                    <li class="item" id="page4"><img src="images/images_en/Rap.jpg" width="40px" height="40px">
                        <div style="margin-left: 4px;">Rap<h2 class="sum">21首</h2>
                        </div>
                    </li>
                </ul>
            </nav>
        </div>

        <button class="backToTop">^ TOP</button>

        <div id="music-right">
            <div id="content1" class="page">
                <h2>我的歌手</h2>
                <hr style="border-color: red;">
                <div class="singerlist">
                    <div class="singer1">
                        <div><img src="images/images_en/张杰.jpg" alt="" width="80px" height="80px"></div>
                        <div class="text">
                            <a href="#">张杰</a>
                            <p>149个专辑&nbsp;&nbsp;&nbsp;&nbsp;114个MV</p>
                        </div>
                    </div>

                    <hr>

                    <div class="singer2">
                        <div><img src="images/images_en/凤凰传奇.jpg" alt="" width="80px" height="80px"></div>
                        <div class="text">
                            <a href="#">凤凰传奇</a>
                            <p>60个专辑&nbsp;&nbsp;&nbsp;&nbsp;84个MV</p>
                        </div>
                    </div>

                    <hr>

                    <div class="singer3">
                        <div><img src="images/images_en/Justin Bieber.jpg" alt="" width="80px" height="80px"></div>
                        <div class="text">
                            <a href="#">Justin Bieber</a>
                            <p>136个专辑&nbsp;&nbsp;&nbsp;&nbsp;340个MV</p>
                        </div>
                    </div>

                    <hr>

                    <div class="singer4">
                        <div><img src="images/images_en/周杰伦.jpg" alt="" width="80px" height="80px"></div>
                        <div class="text">
                            <a href="#">周杰伦</a>
                            <p>41个专辑&nbsp;&nbsp;&nbsp;&nbsp;8个MV</p>
                        </div>
                    </div>

                    <hr>

                    <div class="singer5">
                        <div><img src="images/images_en/网易云音乐.jpg" alt="" width="80px" height="80px"></div>
                        <div class="text">
                            <a href="#">网易云音乐</a>
                            <p>17个专辑&nbsp;&nbsp;&nbsp;&nbsp;110个MV</p>
                        </div>
                    </div>

                    <hr>

                </div>
            </div>




            <div id="content2" class="page">
                <div class="sheethead">
                    <div class="sheetit">
                        <img src="images/images_en/musictit.jpg" alt="我喜欢的音乐" width="200px" height="200px"
                            style="margin-left: 35px;">
                        <div class="sheetright">

                            <div style="margin-left: 24px;">
                                <h2><img src="images/images_en/歌单.png" width="54px" height="24px">我喜欢的音乐</h2>
                            </div>
                            <div style="margin-left: 24px;">
                                <img src="images/images_en/touxiang.jpg" width="35px" height="35px">
                                <a style="margin-left: 20px;">用户名&nbsp;&nbsp;&nbsp;&nbsp;2019-10-18创建</a>
                            </div>
                            <div style="margin-left: 20px;"><a href="#">播放</a><a href="#">收藏</a><a href="#">分享</a><a
                                    href="#">下载</a><a href="#">评论</a>
                            </div>
                        </div>
                    </div>
                    <div class="line1">
                        <a style="margin-left: 35px; font-size: 25px;">歌曲列表</a><a
                            style="margin-left: 20px; font-size: 13px; color:rgba(0, 0, 0, 0.6);">36首歌</a>
                        <a style="margin-left: 420px;">播放 ：</a><a style="color: red;">1453</a><a>次</a>
                        <hr style="border-color: red;">
                    </div>
                </div>
                <div class="sheetbody">
                    <ul class="listtop">
                        <li style="width: 18px;"></li>
                        <li style="width: 300px; border-left: 0.5px solid rgba(0, 0, 0, 0.2);">歌曲标题</li>
                        <li style="width: 111px; border-left: 0.5px solid rgba(0, 0, 0, 0.2);">时长</li>
                        <li style="width: 104px; border-left: 0.5px solid rgba(0, 0, 0, 0.2);">歌手</li>
                        <li style="width: 150px; border-left: 0.5px solid rgba(0, 0, 0, 0.2);">专辑</li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">1</li>
                        <li style="width: 310px;"><a>Let&nbsp;Me&nbsp;Love&nbsp;You</a></li>
                        <li style="width: 111px;"><a>03:25</a></li>
                        <li style="width: 104px; margin-right: 8px;"><a>DJ&nbsp;Snake/Justin&nbsp;Bieber</a></li>
                        <li style="width: 150px;"><a>Encore</a></li>
                    </ul>

                    <ul class="song1">
                        <li style="width: 18px;">2</li>
                        <li style="width: 310px;"><a>命运</a></li>
                        <li style="width: 111px;"><a>03:25</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>家家</a></li>
                        <li style="width: 150px;"><a>为你的寂寞唱歌</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">3</li>
                        <li style="width: 310px;"><a>爱如潮水</a></li>
                        <li style="width: 111px;"><a>04:34</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>张信哲</a></li>
                        <li style="width: 150px;"><a>心事</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">4</li>
                        <li style="width: 310px;"><a>我还想她</a></li>
                        <li style="width: 111px;"><a>04:07</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>林俊杰</a></li>
                        <li style="width: 150px;"><a>jj陆</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">5</li>
                        <li style="width: 310px;"><a>倒带</a></li>
                        <li style="width: 111px;"><a>04:26</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>蔡依林</a></li>
                        <li style="width: 150px;"><a>求婚事务所电视原声带</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">6</li>
                        <li style="width: 310px;"><a>别让我放不下</a></li>
                        <li style="width: 111px;"><a>03:28</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>小宅</a></li>
                        <li style="width: 150px;"><a>阴晴无色</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">7</li>
                        <li style="width: 310px;"><a>忘记时间.2024</a></li>
                        <li style="width: 111px;"><a>03:49</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>杜宣达</a></li>
                        <li style="width: 150px;"><a>忘记时间.2024</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">8</li>
                        <li style="width: 310px;"><a> Diamonds</a></li>
                        <li style="width: 111px;"><a>03:45</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>Rihanna</a></li>
                        <li style="width: 150px;"><a>Diamonds</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">9</li>
                        <li style="width: 310px;"><a>Whataya Want from Me</a></li>
                        <li style="width: 111px;"><a>03:46</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>Adam.Lambert</a></li>
                        <li style="width: 150px;"><a>For-You-Entertainme</a></li>
                    </ul>
                    <ul class="song1">
                        <li>10</li>
                        <li style="width: 310px;"><a>默</a></li>
                        <li style="width: 111px;"><a>05:25</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>那英</a></li>
                        <li style="width: 150px;"><a>默</a></li>
                    </ul>
                    <ul class="song1">
                        <li>11</li>
                        <li style="width: 310px;"><a>后来</a></li>
                        <li style="width: 111px;"><a>05:41</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>刘若英</a></li>
                        <li style="width: 150px;"><a>我等你</a></li>
                    </ul>
                    <ul class="song1">
                        <li>12</li>
                        <li style="width: 310px;"><a>有些 </a></li>
                        <li style="width: 111px;"><a>03:49</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>颜人中</a></li>
                        <li style="width: 150px;"><a>失眠症候群</a></li>
                    </ul>
                    <ul class="song1">
                        <li>13</li>
                        <li style="width: 310px;"><a>Starboy</a></li>
                        <li style="width: 111px;"><a>03:50</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>The&npar;Weeknd</a></li>
                        <li style="width: 150px;"><a>BRIT&nbsp;;Award</a></li>
                    </ul>
                    <ul class="song1">
                        <li>14</li>
                        <li style="width: 310px;"><a>sun&nbsp;and&nbsp;moon</a></li>
                        <li style="width: 111px;"><a>02:31</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>Anees</a></li>
                        <li style="width: 150px;"><a>sun&nbsp;and&nbsp;moon</a></li>
                    </ul>
                    <ul class="song1">
                        <li>15</li>
                        <li style="width: 310px;"><a>自由的风溺死在爱河</a></li>
                        <li style="width: 111px;"><a>02:11</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>BigSlow</a></li>
                        <li style="width: 150px;"><a>山风微微</a></li>
                    </ul>
                    <ul class="song1">
                        <li>16</li>
                        <li style="width: 310px;"><a>Kung&nbsp;Fu&nbsp;Fighting</a></li>
                        <li style="width: 111px;"><a>03:12</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>Carl&nbsp;Douglas</a></li>
                        <li style="width: 150px;"><a>Brice3</a></li>
                    </ul>
                    <ul class="song1">
                        <li>17</li>
                        <li style="width: 310px;"><a>女孩</a></li>
                        <li style="width: 111px;"><a>05:06</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>韦礼安</a></li>
                        <li style="width: 150px;"><a>硬戳</a></li>
                    </ul>
                    <ul class="song1">
                        <li>18</li>
                        <li style="width: 310px;"><a>雨爱(Remix说唱版)</a></li>
                        <li style="width: 111px;"><a>03:51</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>琉星yo</a></li>
                        <li style="width: 150px;"><a>雨爱(Remix说唱版)</a></li>
                    </ul>
                    <ul class="song1">
                        <li>19</li>
                        <li style="width: 310px;"><a>根本你不懂得爱我</a></li>
                        <li style="width: 111px;"><a>03:56</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>韦雄</a></li>
                        <li style="width: 150px;"><a>Romance</a></li>
                    </ul>
                    <ul class="song1">
                        <li>20</li>
                        <li style="width: 310px;"><a>如果可以</a></li>
                        <li style="width: 111px;"><a>04:34</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>韦礼安</a></li>
                        <li style="width: 150px;"><a>如果可以</a></li>
                    </ul>
                    <ul class="song1">
                        <li>21</li>
                        <li style="width: 310px;"><a>Baby</a></li>
                        <li style="width: 111px;"><a>03:34</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>JustinBieber</a></li>
                        <li style="width: 150px;"><a>My&nbsp;World&nbsp;2.0</a></li>
                    </ul>
                    <ul class="song1">
                        <li>22</li>
                        <li style="width: 310px;"><a>多幸运</a></li>
                        <li style="width: 111px;"><a>04:09</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>韩安旭</a></li>
                        <li style="width: 150px;"><a>多幸运</a></li>
                    </ul>
                    <ul class="song1">
                        <li>23</li>
                        <li style="width: 310px;"><a>那年</a></li>
                        <li style="width: 111px;"><a>05:20</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>任然</a></li>
                        <li style="width: 150px;"><a>那年</a></li>
                    </ul>
                    <ul class="song1">
                        <li>24</li>
                        <li style="width: 310px;"><a>会呼吸的痛</a></li>
                        <li style="width: 111px;"><a>04:32</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>梁静茹</a></li>
                        <li style="width: 150px;"><a>崇拜</a></li>
                    </ul>
                    <ul class="song1">
                        <li>25</li>
                        <li style="width: 310px;"><a>背叛</a></li>
                        <li style="width: 111px;"><a>04:11</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>呆呆破</a></li>
                        <li style="width: 150px;"><a>背叛</a></li>
                    </ul>
                    <ul class="song1">
                        <li>26</li>
                        <li style="width: 310px;"><a>爱情鸟</a></li>
                        <li style="width: 111px;"><a>04:27</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>林依伦</a></li>
                        <li style="width: 150px;"><a>爱情鸟</a></li>
                    </ul>
                    <ul class="song1">
                        <li>27</li>
                        <li style="width: 310px;"><a>恶作剧</a></li>
                        <li style="width: 111px;"><a>03:46</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>林依晨</a></li>
                        <li style="width: 150px;"><a>幸福遇见</a></li>
                    </ul>
                    <ul class="song1">
                        <li>28</li>
                        <li style="width: 310px;"><a>找自己</a></li>
                        <li style="width: 111px;"><a>05:04</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>陶喆</a></li>
                        <li style="width: 150px;"><a>I'm&nbsp;O.K</a></li>
                    </ul>
                    <ul class="song1">
                        <li>29</li>
                        <li style="width: 310px;"><a>黄昏晓</a></li>
                        <li style="width: 111px;"><a>03:26</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>周柯宇</a></li>
                        <li style="width: 150px;"><a>黄昏晓（青春重置计</a></li>
                    </ul>
                    <ul class="song1">
                        <li>30</li>
                        <li style="width: 310px;"><a>素颜</a></li>
                        <li style="width: 111px;"><a>03:58</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>许嵩</a></li>
                        <li style="width: 150px;"><a>素颜</a></li>
                    </ul>
                    <ul class="song1">
                        <li>31</li>
                        <li style="width: 310px;"><a>关于小熊</a></li>
                        <li style="width: 111px;"><a>05:16</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>蛋堡</a></li>
                        <li style="width: 150px;"><a>收敛水</a></li>
                    </ul>
                    <ul class="song1">
                        <li>32</li>
                        <li style="width: 310px;"><a>拉过勾的</a></li>
                        <li style="width: 111px;"><a>03:38</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>陆虎</a></li>
                        <li style="width: 150px;"><a>花吃泡面男</a></li>
                    </ul>
                    <ul class="song1">
                        <li>33</li>
                        <li style="width: 310px;"><a>寂寞先生</a></li>
                        <li style="width: 111px;"><a>03:05</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>马英伦</a></li>
                        <li style="width: 150px;"><a>寂寞先生</a></li>
                    </ul>
                    <ul class="song1">
                        <li>34</li>
                        <li style="width: 310px;"><a>刻在我心底的名字</a></li>
                        <li style="width: 111px;"><a>05:20</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>卢广仲</a></li>
                        <li style="width: 150px;"><a>刻在我心底的名字</a></li>
                    </ul>
                    <ul class="song1">
                        <li>35</li>
                        <li style="width: 310px;"><a>BB88</a></li>
                        <li style="width: 111px;"><a>03:18</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>方大同</a></li>
                        <li style="width: 150px;"><a>BB88</a></li>
                    </ul>
                    <ul class="song1">
                        <li>36</li>
                        <li style="width: 310px;"><a>IF&nbsp;YOU</a></li>
                        <li style="width: 111px;"><a>04:24</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>BIGBANG</a></li>
                        <li style="width: 150px;"><a>D</a></li>
                    </ul>
                </div>
                <div class="sheetfood">
                    <div class="line2">
                        <a style="margin-left: 35px; font-size: 22px;">评论</a>
                        <hr style="border-color: red;">
                    </div>
                    <div class="comment">
                        <input type="text" placeholder="发表你的看法" style="height: 150px; width: 600px;text-align: center;">
                        <button>发布</button>
                    </div>
                </div>
            </div>




            <div id="content3" class="page">
                <div class="sheethead">
                    <div class="sheetit">
                        <img src="images/images_en/Love songs.jpg" alt="情歌" width="200px" height="200px"
                            style="margin-left: 35px;">
                        <div class="sheetright">

                            <div style="margin-left: 24px;">
                                <h2><img src="images/images_en/歌单.png" width="54px" height="24px">情歌</h2>
                            </div>
                            <div style="margin-left: 24px;">
                                <img src="images/images_en/touxiang.jpg" width="35px" height="35px">
                                <a style="margin-left: 20px;">用户名&nbsp;&nbsp;&nbsp;&nbsp;2020-4-3创建</a>
                            </div>
                            <div style="margin-left: 20px;"><a href="#">播放</a><a href="#">收藏</a><a href="#">分享</a><a
                                    href="#">下载</a><a href="#">评论</a>
                            </div>
                        </div>
                    </div>
                    <div class="line1">
                        <a style="margin-left: 35px; font-size: 25px;">歌曲列表</a><a
                            style="margin-left: 20px; font-size: 13px; color:rgba(0, 0, 0, 0.6);">36首歌</a>
                        <a style="margin-left: 420px;">播放 ：</a><a style="color: red;">1453</a><a>次</a>
                        <hr style="border-color: red;">
                    </div>
                </div>
                <div class="sheetbody">
                    <ul class="listtop">
                        <li style="width: 18px;"></li>
                        <li style="width: 300px; border-left: 0.5px solid rgba(0, 0, 0, 0.2);">歌曲标题</li>
                        <li style="width: 111px; border-left: 0.5px solid rgba(0, 0, 0, 0.2);">时长</li>
                        <li style="width: 104px; border-left: 0.5px solid rgba(0, 0, 0, 0.2);">歌手</li>
                        <li style="width: 150px; border-left: 0.5px solid rgba(0, 0, 0, 0.2);">专辑</li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">1</li>
                        <li style="width: 310px;"><a>爱如潮水</a></li>
                        <li style="width: 111px;"><a>04:34</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>张信哲</a></li>
                        <li style="width: 150px;"><a>心事</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">2</li>
                        <li style="width: 310px;"><a>我还想她</a></li>
                        <li style="width: 111px;"><a>04:07</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>林俊杰</a></li>
                        <li style="width: 150px;"><a>jj陆</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">3</li>
                        <li style="width: 310px;"><a>倒带</a></li>
                        <li style="width: 111px;"><a>04:26</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>蔡依林</a></li>
                        <li style="width: 150px;"><a>求婚事务所电视原声带</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">4</li>
                        <li style="width: 310px;"><a>别让我放不下</a></li>
                        <li style="width: 111px;"><a>03:28</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>小宅</a></li>
                        <li style="width: 150px;"><a>阴晴无色</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">5</li>
                        <li style="width: 310px;"><a>忘记时间.2024</a></li>
                        <li style="width: 111px;"><a>03:49</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>杜宣达</a></li>
                        <li style="width: 150px;"><a>忘记时间.2024</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">6</li>
                        <li style="width: 310px;"><a> Diamonds</a></li>
                        <li style="width: 111px;"><a>03:45</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>Rihanna</a></li>
                        <li style="width: 150px;"><a>Diamonds</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">7</li>
                        <li style="width: 310px;"><a>Let&nbsp;Me&nbsp;Love&nbsp;You</a></li>
                        <li style="width: 111px;"><a>03:25</a></li>
                        <li style="width: 104px; margin-right: 8px;"><a>DJ&nbsp;Snake/Justin&nbsp;Bieber</a></li>
                        <li style="width: 150px;"><a>Encore</a></li>
                    </ul>

                    <ul class="song1">
                        <li style="width: 18px;">8</li>
                        <li style="width: 310px;"><a>命运</a></li>
                        <li style="width: 111px;"><a>03:25</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>家家</a></li>
                        <li style="width: 150px;"><a>为你的寂寞唱歌</a></li>
                    </ul>

                    <ul class="song1">
                        <li style="width: 18px;">9</li>
                        <li style="width: 310px;"><a>Whataya Want from Me</a></li>
                        <li style="width: 111px;"><a>03:46</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>Adam.Lambert</a></li>
                        <li style="width: 150px;"><a>For-You-Entertainme</a></li>
                    </ul>
                    <ul class="song1">
                        <li>10</li>
                        <li style="width: 310px;"><a>默</a></li>
                        <li style="width: 111px;"><a>05:25</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>那英</a></li>
                        <li style="width: 150px;"><a>默</a></li>
                    </ul>
                    <ul class="song1">
                        <li>11</li>
                        <li style="width: 310px;"><a>后来</a></li>
                        <li style="width: 111px;"><a>05:41</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>刘若英</a></li>
                        <li style="width: 150px;"><a>我等你</a></li>
                    </ul>
                    <ul class="song1">
                        <li>12</li>
                        <li style="width: 310px;"><a>有些</a></li>
                        <li style="width: 111px;"><a>03:49</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>颜人中</a></li>
                        <li style="width: 150px;"><a>失眠症候群</a></li>
                    </ul>
                    <ul class="song1">
                        <li>13</li>
                        <li style="width: 310px;"><a>Starboy</a></li>
                        <li style="width: 111px;"><a>03:50</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>The&npar;Weeknd</a></li>
                        <li style="width: 150px;"><a>BRIT&nbsp;;Award</a></li>
                    </ul>
                    <ul class="song1">
                        <li>14</li>
                        <li style="width: 310px;"><a>sun&nbsp;and&nbsp;moon</a></li>
                        <li style="width: 111px;"><a>02:31</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>Anees</a></li>
                        <li style="width: 150px;"><a>sun&nbsp;and&nbsp;moon</a></li>
                    </ul>
                    <ul class="song1">
                        <li>15</li>
                        <li style="width: 310px;"><a>自由的风溺死在爱河</a></li>
                        <li style="width: 111px;"><a>02:11</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>BigSlow</a></li>
                        <li style="width: 150px;"><a>山风微微</a></li>
                    </ul>
                    <ul class="song1">
                        <li>16</li>
                        <li style="width: 310px;"><a>Kung&nbsp;Fu&nbsp;Fighting</a></li>
                        <li style="width: 111px;"><a>03:12</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>Carl&nbsp;Douglas</a></li>
                        <li style="width: 150px;"><a>Brice3</a></li>
                    </ul>
                    <ul class="song1">
                        <li>17</li>
                        <li style="width: 310px;"><a>女孩</a></li>
                        <li style="width: 111px;"><a>05:06</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>韦礼安</a></li>
                        <li style="width: 150px;"><a>硬戳</a></li>
                    </ul>
                    <ul class="song1">
                        <li>18</li>
                        <li style="width: 310px;"><a>雨爱(Remix说唱版)</a></li>
                        <li style="width: 111px;"><a>03:51</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>琉星yo</a></li>
                        <li style="width: 150px;"><a>雨爱(Remix说唱版)</a></li>
                    </ul>
                    <ul class="song1">
                        <li>19</li>
                        <li style="width: 310px;"><a>根本你不懂得爱我</a></li>
                        <li style="width: 111px;"><a>03:56</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>韦雄</a></li>
                        <li style="width: 150px;"><a>Romance</a></li>
                    </ul>
                    <ul class="song1">
                        <li>20</li>
                        <li style="width: 310px;"><a>如果可以</a></li>
                        <li style="width: 111px;"><a>04:34</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>韦礼安</a></li>
                        <li style="width: 150px;"><a>如果可以</a></li>
                    </ul>
                    <ul class="song1">
                        <li>21</li>
                        <li style="width: 310px;"><a>Baby</a></li>
                        <li style="width: 111px;"><a>03:34</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>JustinBieber</a></li>
                        <li style="width: 150px;"><a>My&nbsp;World&nbsp;2.0</a></li>
                    </ul>
                    <ul class="song1">
                        <li>22</li>
                        <li style="width: 310px;"><a>多幸运</a></li>
                        <li style="width: 111px;"><a>04:09</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>韩安旭</a></li>
                        <li style="width: 150px;"><a>多幸运</a></li>
                    </ul>
                    <ul class="song1">
                        <li>23</li>
                        <li style="width: 310px;"><a>那年</a></li>
                        <li style="width: 111px;"><a>05:20</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>任然</a></li>
                        <li style="width: 150px;"><a>那年</a></li>
                    </ul>
                    <ul class="song1">
                        <li>24</li>
                        <li style="width: 310px;"><a>会呼吸的痛</a></li>
                        <li style="width: 111px;"><a>04:32</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>梁静茹</a></li>
                        <li style="width: 150px;"><a>崇拜</a></li>
                    </ul>
                    <ul class="song1">
                        <li>25</li>
                        <li style="width: 310px;"><a>背叛</a></li>
                        <li style="width: 111px;"><a>04:11</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>呆呆破</a></li>
                        <li style="width: 150px;"><a>背叛</a></li>
                    </ul>
                    <ul class="song1">
                        <li>26</li>
                        <li style="width: 310px;"><a>爱情鸟</a></li>
                        <li style="width: 111px;"><a>04:27</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>林依伦</a></li>
                        <li style="width: 150px;"><a>爱情鸟</a></li>
                    </ul>
                    <ul class="song1">
                        <li>27</li>
                        <li style="width: 310px;"><a>恶作剧</a></li>
                        <li style="width: 111px;"><a>03:46</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>林依晨</a></li>
                        <li style="width: 150px;"><a>幸福遇见</a></li>
                    </ul>
                    <ul class="song1">
                        <li>28</li>
                        <li style="width: 310px;"><a>找自己</a></li>
                        <li style="width: 111px;"><a>05:04</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>陶喆</a></li>
                        <li style="width: 150px;"><a>I'm&nbsp;O.K</a></li>
                    </ul>
                </div>
                <div class="sheetfood">
                    <div class="line2">
                        <a style="margin-left: 35px; font-size: 22px;">评论</a>
                        <hr style="border-color: red;">
                    </div>
                    <div class="comment">
                        <input type="text" placeholder="发表你的看法" style="height: 150px; width: 600px;text-align: center;">
                        <button>发布</button>
                    </div>
                </div>
            </div>



            <div id="content4" class="page">
                <div class="sheethead">
                    <div class="sheetit">
                        <img src="images/images_en/Rap.jpg" alt="Rap" width="200px" height="200px"
                            style="margin-left: 35px;">
                        <div class="sheetright">

                            <div style="margin-left: 24px;">
                                <h2><img src="images/images_en/歌单.png" width="54px" height="24px">Rap</h2>
                            </div>
                            <div style="margin-left: 24px;">
                                <img src="images/images_en/touxiang.jpg" width="35px" height="35px">
                                <a style="margin-left: 20px;">用户名&nbsp;&nbsp;&nbsp;&nbsp;2022-11-28创建</a>
                            </div>
                            <div style="margin-left: 20px;"><a href="#">播放</a><a href="#">收藏</a><a href="#">分享</a><a
                                    href="#">下载</a><a href="#">评论</a>
                            </div>
                        </div>
                    </div>
                    <div class="line1">
                        <a style="margin-left: 35px; font-size: 25px;">歌曲列表</a><a
                            style="margin-left: 20px; font-size: 13px; color:rgba(0, 0, 0, 0.6);">36首歌</a>
                        <a style="margin-left: 420px;">播放 ：</a><a style="color: red;">1453</a><a>次</a>
                        <hr style="border-color: red;">
                    </div>
                </div>
                <div class="sheetbody">
                    <ul class="listtop">
                        <li style="width: 18px;"></li>
                        <li style="width: 300px; border-left: 0.5px solid rgba(0, 0, 0, 0.2);">歌曲标题</li>
                        <li style="width: 111px; border-left: 0.5px solid rgba(0, 0, 0, 0.2);">时长</li>
                        <li style="width: 104px; border-left: 0.5px solid rgba(0, 0, 0, 0.2);">歌手</li>
                        <li style="width: 150px; border-left: 0.5px solid rgba(0, 0, 0, 0.2);">专辑</li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">1</li>
                        <li style="width: 310px;"><a>我还想她</a></li>
                        <li style="width: 111px;"><a>04:07</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>林俊杰</a></li>
                        <li style="width: 150px;"><a>jj陆</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">2</li>
                        <li style="width: 310px;"><a>倒带</a></li>
                        <li style="width: 111px;"><a>04:26</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>蔡依林</a></li>
                        <li style="width: 150px;"><a>求婚事务所电视原声带</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">3</li>
                        <li style="width: 310px;"><a>Let&nbsp;Me&nbsp;Love&nbsp;You</a></li>
                        <li style="width: 111px;"><a>03:25</a></li>
                        <li style="width: 104px; margin-right: 8px;"><a>DJ&nbsp;Snake/Justin&nbsp;Bieber</a></li>
                        <li style="width: 150px;"><a>Encore</a></li>
                    </ul>

                    <ul class="song1">
                        <li style="width: 18px;">4</li>
                        <li style="width: 310px;"><a>命运</a></li>
                        <li style="width: 111px;"><a>03:25</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>家家</a></li>
                        <li style="width: 150px;"><a>为你的寂寞唱歌</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">5</li>
                        <li style="width: 310px;"><a>爱如潮水</a></li>
                        <li style="width: 111px;"><a>04:34</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>张信哲</a></li>
                        <li style="width: 150px;"><a>心事</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">6</li>
                        <li style="width: 310px;"><a>别让我放不下</a></li>
                        <li style="width: 111px;"><a>03:28</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>小宅</a></li>
                        <li style="width: 150px;"><a>阴晴无色</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">7</li>
                        <li style="width: 310px;"><a>忘记时间.2024</a></li>
                        <li style="width: 111px;"><a>03:49</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>杜宣达</a></li>
                        <li style="width: 150px;"><a>忘记时间.2024</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">8</li>
                        <li style="width: 310px;"><a> Diamonds</a></li>
                        <li style="width: 111px;"><a>03:45</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>Rihanna</a></li>
                        <li style="width: 150px;"><a>Diamonds</a></li>
                    </ul>
                    <ul class="song1">
                        <li style="width: 18px;">9</li>
                        <li style="width: 310px;"><a>Whataya Want from Me</a></li>
                        <li style="width: 111px;"><a>03:46</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>Adam.Lambert</a></li>
                        <li style="width: 150px;"><a>For-You-Entertainme</a></li>
                    </ul>
                    <ul class="song1">
                        <li>10</li>
                        <li style="width: 310px;"><a>默</a></li>
                        <li style="width: 111px;"><a>05:25</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>那英</a></li>
                        <li style="width: 150px;"><a>默</a></li>
                    </ul>
                    <ul class="song1">
                        <li>11</li>
                        <li style="width: 310px;"><a>后来</a></li>
                        <li style="width: 111px;"><a>05:41</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>刘若英</a></li>
                        <li style="width: 150px;"><a>我等你</a></li>
                    </ul>
                    <ul class="song1">
                        <li>12</li>
                        <li style="width: 310px;"><a>有些 </a></li>
                        <li style="width: 111px;"><a>03:49</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>颜人中</a></li>
                        <li style="width: 150px;"><a>失眠症候群</a></li>
                    </ul>
                    <ul class="song1">
                        <li>13</li>
                        <li style="width: 310px;"><a>Starboy</a></li>
                        <li style="width: 111px;"><a>03:50</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>The&npar;Weeknd</a></li>
                        <li style="width: 150px;"><a>BRIT&nbsp;;Award</a></li>
                    </ul>
                    <ul class="song1">
                        <li>14</li>
                        <li style="width: 310px;"><a>sun&nbsp;and&nbsp;moon</a></li>
                        <li style="width: 111px;"><a>02:31</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>Anees</a></li>
                        <li style="width: 150px;"><a>sun&nbsp;and&nbsp;moon</a></li>
                    </ul>
                    <ul class="song1">
                        <li>15</li>
                        <li style="width: 310px;"><a>自由的风溺死在爱河</a></li>
                        <li style="width: 111px;"><a>02:11</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>BigSlow</a></li>
                        <li style="width: 150px;"><a>山风微微</a></li>
                    </ul>
                    <ul class="song1">
                        <li>16</li>
                        <li style="width: 310px;"><a>Kung&nbsp;Fu&nbsp;Fighting</a></li>
                        <li style="width: 111px;"><a>03:12</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>Carl&nbsp;Douglas</a></li>
                        <li style="width: 150px;"><a>Brice3</a></li>
                    </ul>
                    <ul class="song1">
                        <li>17</li>
                        <li style="width: 310px;"><a>女孩</a></li>
                        <li style="width: 111px;"><a>05:06</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>韦礼安</a></li>
                        <li style="width: 150px;"><a>硬戳</a></li>
                    </ul>
                    <ul class="song1">
                        <li>18</li>
                        <li style="width: 310px;"><a>雨爱(Remix说唱版)</a></li>
                        <li style="width: 111px;"><a>03:51</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>琉星yo</a></li>
                        <li style="width: 150px;"><a>雨爱(Remix说唱版)</a></li>
                    </ul>
                    <ul class="song1">
                        <li>19</li>
                        <li style="width: 310px;"><a>根本你不懂得爱我</a></li>
                        <li style="width: 111px;"><a>03:56</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>韦雄</a></li>
                        <li style="width: 150px;"><a>Romance</a></li>
                    </ul>
                    <ul class="song1">
                        <li>20</li>
                        <li style="width: 310px;"><a>如果可以</a></li>
                        <li style="width: 111px;"><a>04:34</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>韦礼安</a></li>
                        <li style="width: 150px;"><a>如果可以</a></li>
                    </ul>
                    <ul class="song1">
                        <li>21</li>
                        <li style="width: 310px;"><a>Baby</a></li>
                        <li style="width: 111px;"><a>03:34</a></li>
                        <li style="width: 104px;margin-right: 8px;"><a>JustinBieber</a></li>
                        <li style="width: 150px;"><a>My&nbsp;World&nbsp;2.0</a></li>
                    </ul>
                </div>
                <div class="sheetfood">
                    <div class="line2">
                        <a style="margin-left: 35px; font-size: 22px;">评论</a>
                        <hr style="border-color: red;">
                    </div>
                    <div class="comment">
                        <input type="text" placeholder="发表你的看法" style="height: 150px; width: 600px;text-align: center;">
                        <button>发布</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="js/js_be/backTop.js"></script>
    <script src="js/js_en/MyMusic_en/ListHidden.js"></script>
    <script src="js/js_en/MyMusic_en/rightShow.js"></script>
    <!-- 最下面 -->
    <div class="music-bottom">
        <!-- 版心 -->
        <div class="newcontainer">
            <!-- 左边 -->
            <div class="music-bottom-left">
                <!-- 第一排 -->
                <div class="music-bottom-one-row">
                    <a href="#">服务条款</a>
                    <li>|</li>
                    <a href="#">隐私政策</a>
                    <li>|</li>
                    <a href="#">儿童隐私政策 </a>
                    <li>|</li>
                    <a href="#">版权投诉指引</a>
                    <li>|</li>
                    <a href="#">意见反馈</a>
                    <li>|</li>
                    <br>

                </div>
                <!-- 二 -->
                <p class="music-bottom-p1">网易公司版权所有©1997-2019 &nbsp;&nbsp;&nbsp;&nbsp;杭州乐读科技有限公司运营：<a
                        href="#">浙网文[2018]3506-263号</a></p>
                <!-- 三 -->
                <p class="music-bottom-p2">违法和不良信息举报电话：0571-89853516 &nbsp;&nbsp;&nbsp;&nbsp;举报邮箱：<a
                        href="#">ncm5990@163.com</a></p>
            </div>

            <!-- 右边 -->
            <div class="music-bottom-right">
                <div class="music-bottom-right-box">
                    <a href="#"><span class="music-bottom-right-img1">
                        </span></a>
                    <li>用户认证</li>
                </div>
                <div class="music-bottom-right-box">
                    <a href="#"> <span class="music-bottom-right-img2">
                        </span></a>
                    <li>独立音乐人</li>
                </div>
                <div class="music-bottom-right-box">
                    <a href="#"> <span class="music-bottom-right-img3">
                        </span></a>
                    <li>赞赏</li>
                </div>
                <div class="music-bottom-right-box">
                    <a href="#"> <span class="music-bottom-right-img4">
                        </span></a>
                    <li>视频奖励</li>
                </div>
            </div>
        </div>
    </div>
</body>

</html>